﻿<style type="text/css">
    .container {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        color: #515151;
        background-color: #bfbfbf;
        width: 100%;
    }

    table td {
        background-color: #FFFFFF;
        font-size: 12px;
        text-align: center;
        height: 40px;
    }

    table span {
        padding-left: 5px;
    }

    img {
        width: 15px;
        height: 15px;
        vertical-align: bottom;
    }
</style>
<div class="container">
    <table cellpadding="1" cellspacing="1">
        <tr>
            <td rowspan="2" style="width: 40%;">
                <div><img src="../../images/sum-price.svg"><span>总费用</span></div>
            </td>
            <td>运费</td>
        </tr>
        <tr>
            <td>油费</td>
        </tr>
        <tr>
            <td rowspan="6">
                <div><img src="../../images/transport-price.svg"><span>运费</span></div>
            </td>
            <td>单趟工资</td>
        </tr>
        <tr>
            <td>路桥费</td>
        </tr>
        <tr>
            <td>餐费</td>
        </tr>
        <tr>
            <td>住宿费</td>
        </tr>
        <tr>
            <td>洗车费</td>
        </tr>
        <tr>
            <td>交通费</td>
        </tr>
        <tr>
            <td>
                <div><img src="../../images/oil-price.svg"><span>油费</span></div>
            </td>
            <td>油价×油量</td>
        </tr>
    </table>
</div>